<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.w {
				width: 1140px;
				margin: 0 auto;
			}
			.fl{
				float: left;
			}
			li{
				list-style: none;
			}
			h1, h2, h3, h4, h5, body, ul, ol, li, p {
				    padding: 0;
				    margin: 0;
			}
			.tex {
				padding-left: 82px;
			}
				.icon {
					height: 22px;
					width: 22px;
					padding-left: 3px;
					background: url(images/s-icons.png) no-repeat;
					background-position: -369px -7px;
				}
				
				.icon:nth-child(2) {
					background-position: -344px -7px;
				
				}
				
				.icon:nth-child(3) {
					background-position: -319px -7px;
				}
				
				.icon:nth-child(4) {
					background-position: -294px -7px;
				
				}
				
				.icon:nth-child(5) {
					background-position: -268px -7px;
				}
				
				.icon:nth-child(6) {
					background-position: -242px -7px;
				}
				
				.icon:hover {
					background-position: -369px -46px;
				}
				
				.icon:nth-child(2):hover {
					background-position: -344px -46px;
				}
				
				.icon:nth-child(3):hover {
					background-position: -319px -46px;
				}
				
				.icon:nth-child(4):hover {
					background-position: -294px -46px;
				}
				
				.icon:nth-child(5):hover {
					background-position: -268px -46px;
				}
				
				.icon:nth-child(6):hover {
					background-position: -242px -46px;
				}
				.content li {
					font-size: 9px;
					line-height: 20px;
					color: #a4a4a4;
				
				}
				.content {
					width: 360px;
					height: 128px;
					position: relative;   
					background-image: url(images/ser-bg.png);
					background-size: 360px 128px;
					background-repeat: no-repeat;
				}
				.content h4{
					padding-top: 24px;
				}
				.content::before{
					content: "";
					width: 66px;
					height: 123px;
					position: absolute;  
					background-color: #ed5844;
					background-image: url(images/s-icons.png);
					background-repeat: no-repeat;
					background-position:  17px 42px;
				}
				.content:nth-child(2)::before{
					background-position: -65px 43px;
				}
				.content:nth-child(3)::before{
					background-position: -144px 43px;
				}
				.content:nth-child(4)::before{
					background-position: 22px -75px;
				}
				.content:nth-child(5)::before{
					background-position: -64px -69px;
				}
				.content:nth-child(6)::before{
					background-position: -142px -69px;
				}
				.main_1 {
					padding-top: 70px;
					height: 350px;
					border-bottom: 3px solid #dddddd;
				}
				.main_1>div:nth-child(n) {
					margin-right: 19px;
				}
				
				.main_1>div:nth-child(4) {
					margin-top: 20px;
				}
				
				.main_1>div:nth-child(5) {
					margin-top: 20px;
				}
				
				.main_1>div:nth-child(6) {
					margin-top: 20px;
				}
				.content li {
					font-size: 9px;
					line-height: 20px;
					color: #a4a4a4;
				}
		</style>
	</head>
	<body>
		<div class="main_1 w">
			<div class="content fl">
				<div class="tex">
					<h4 >EVENTS PLANNING</h4>
					<ul >
						<li>Lorem Ipsum is simply dummy text of the</li>
						<li>printing and typesetting industry. Lorem Ipsum</li>
						<li>has been the industry.</li>
					</ul>
				</div>
			</div>
			<div class="content fl">
				<div class="tex">
					<h4 >EVENTS PLANNING</h4>
					<ul >
						<li>Lorem Ipsum is simply dummy text of the</li>
						<li>printing and typesetting industry. Lorem Ipsum</li>
						<li>has been the industry.</li>
					</ul>
				</div>
			</div>
			<div class="content fl">
				<div class="tex">
					<h4 >EVENTS PLANNING</h4>
					<ul >
						<li>Lorem Ipsum is simply dummy text of the</li>
						<li>printing and typesetting industry. Lorem Ipsum</li>
						<li>has been the industry.</li>
					</ul>
				</div>
			</div>
			<div class="content fl">
				<div class="tex">
					<h4 >EVENTS PLANNING</h4>
					<ul >
						<li>Lorem Ipsum is simply dummy text of the</li>
						<li>printing and typesetting industry. Lorem Ipsum</li>
						<li>has been the industry.</li>
					</ul>
				</div>
			</div>
			<div class="content fl">
				<div class="tex">
					<h4 >EVENTS PLANNING</h4>
					<ul >
						<li>Lorem Ipsum is simply dummy text of the</li>
						<li>printing and typesetting industry. Lorem Ipsum</li>
						<li>has been the industry.</li>
					</ul>
				</div>
			</div>
			<div class="content fl">
				<div class="tex">
					<h4 >EVENTS PLANNING</h4>
					<ul >
						<li>Lorem Ipsum is simply dummy text of the</li>
						<li>printing and typesetting industry. Lorem Ipsum</li>
						<li>has been the industry.</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
